<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
        
        <link rel="stylesheet" href="./bootstrap-3.3.7-dist/css/bootstrap.css">
        <link rel="stylesheet" href="./css/index.css">
        <link rel="stylesheet" href="//at.alicdn.com/t/font_1689691_thk36zih9xe.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-inverse">
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <!-- 品牌Log -->
                <img src="./images/index/log.png" alt="">
            </a>
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">首页 </a></li>
              <li><a href="#">Laya家族</a></li>
              <li><a href="#">新闻动态</a></li>
              <li><a href="#">开发者中心</a></li>
              <li><a href="#">开发者社区</a></li>
              <li><a href="#">开放平台</a></li>
              <li><a href="#">关于我们</a></li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">中文</a></li>
                  <li><a href="#">英文</a></li>
                </ul>
              </li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>

      <!-- 网站主体部分 -->
      <section>
        <!-- 轮播图 -->
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
          </ol>
        
          <!-- Wrapper for slides -->
          <div class="carousel-inner" role="listbox">
            <div class="item active">
              <img src="./images/index/carousel-1.png" alt="...">
              <div class="carousel-caption">
              </div>
            </div>
            <div class="item">
              <img src="./images/index/carousel-1.png" alt="...">
              <div class="carousel-caption">
              </div>
            </div>
            <div class="item">
              <img src="./images/index/carousel-1.png" alt="...">
              <div class="carousel-caption">
              </div>
            </div>
            
          </div>
          
        
          <!-- Controls -->
          <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
        <!-- laya引擎 -->
        <div class="eng container">
            <div class="row">
              <div class=" title-box">
                <h2>LayaFlash 引擎</h2>
                <p>让Flash技术变成开发HTML5产品的利器</p>  
              </div>
              <div class="article-box col-md-8 col-sm-8 ">
                <div class="row">
                  <ul>
                    <li class="col-md-6 col-sm-10">
                      <div class="row des-box ">
                        <div class="left ">
                          <img src="./images/index/eng1.png" alt="">
                        </div>
                        <div class="right-article ">
                          <p>快速Flash产品转换</p>
                          <p>Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏</p>
                        </div>
                      </div>
                    </li>
                    <li class="col-md-6 col-sm-10">
                      <div class="row des-box">
                        <div class="left">
                          <img src="./images/index/eng2.png" alt="">
                        </div>
                        <div class="right-article">
                          <p>LayaFlash IDE</p>
                          <p>支持代码编译、调试、压缩与混淆 加密、资源转换、在线文档等功能</p>
                        </div>
                      </div>
                    </li>
                    <li class="col-md-6 col-sm-10">
                      <div class="row  des-box">
                        <div class="left">
                          <img src="./images/index/eng3.png" alt="">
                        </div>
                        <div class="right-article">
                          <p>HTML5零学习成本</p>
                          <p>AS3开发者可直接使用Flash开源框 架和工具链进行开发HTML5</p>
                        </div>
                      </div>
                    </li>
                    <li class="col-md-6 col-sm-10">
                      <div class="row des-box">
                        <div class="left">
                          <img src="./images/index/eng4.png" alt="">
                        </div>
                        <div class="right-article">
                          <p>性能媲美APP</p>
                          <p>LayaFlash引擎的重度游戏已运行于 QQ空间等平台，性能媲美APP</p>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
        </div>

        <!-- Layabox优势 -->
         <div class="adv ">
           <div class="container">
             <div class="row adv-box">
               <div class=" col-md-7  col-sm-7 adv-right col-sm-push-5 col-md-push-5 ">
                   <div class=" des-box">
                     <h2>Layabox 优势</h2>
                     <ul>
                          <li>
                              <div class="left ">
                                <img src="./images/index/adv1.png" alt="">
                              </div>
                              <div class="right-article ">
                                <p>快速上手，Flash程序员3小时掌握HTML5开发</p>
                              </div>
                           </li>
                          <li>
                              <div class="left ">
                                <img src="./images/index/adv2.png" alt="">
                              </div>
                              <div class="right-article ">
                                <p>4年优化打磨，LayaPlayer运行器性能媲美APP</p>
                              </div>
                           </li>
                          <li>
                            <div class="left ">
                              <img src="./images/index/adv3.png" alt="">
                            </div>
                            <div class="right-article ">
                              <p>超5亿的LayaPlayer移动设备安装量帮助CP发行</p>
                            </div>
                         </li>
                        <li>
                          <div class="left ">
                            <img src="./images/index/adv4.png" alt="">
                          </div>
                          <div class="right-article ">
                            <p>使用LayaFlash开发大型HTML5游戏的企业超100家</p>
                          </div>
                       </li>      
                     </ul>
                   </div>
               </div>
             </div>
          </div>
         </div>

         <!-- LayaboxFamily -->
         <div class="family">
            <div class="container">
              <div class="row">
                <h2>Layabox产品家族</h2>
              </div>
              <ul>
                <li>
                  <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="row family-box">
                      <div class="family-left  ">
                        <img src="./images/index/family-1.png" alt="">
                      </div>
                      <div class="family-right ">
                        <p>LayaAir</p>
                        <p>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。</p>
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="col-md-6 col-sm-6 col-xs-12 ">
                    <div class="row family-box">
                      <div class="family-left  ">
                        <img src="./images/index/family-2.png" alt="">
                      </div>
                      <div class="family-right ">
                        <p>LayaPublish</p>
                        <p>Layabox发行业务，通过在H5产业链中的技术 桥梁优势，帮助CP获得流量支持。</p>
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="col-md-6  col-sm-6 col-xs-12">
                    <div class="row family-box">
                      <div class="family-left  ">
                        <img src="./images/index/family-3.png" alt="">
                      </div>
                      <div class="family-right ">
                        <p>LayaFlash</p>
                        <p>使用Flash AS3语言开发H5的引擎框架，可直 接在FB或FD中开发、调试、编译H5，也可快 速将Flash页游\手游转换</p>
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="col-md-6 col-sm-6  col-xs-12">
                    <div class="row family-box">
                      <div class="family-left  ">
                        <img src="./images/index/family-4.png" alt="">
                      </div>
                      <div class="family-right ">
                        <p>LayaStore</p>
                        <p>嵌入式HTML5商城，APP只需嵌入20K的SDK 即可以获得托管式HTML5商店服务，进入流量 获利新时代。</p>
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="col-md-6  col-sm-6 col-xs-12">
                    <div class="row family-box">
                      <div class="family-left  ">
                        <img src="./images/index/family-5.png" alt="">
                      </div>
                      <div class="family-right ">
                        <p>LayaPlayer</p>
                        <p>HTML5高速运行器，性能卓越、支持大型 HTML5游戏流畅运行，目前已植入QQ、百度 等20多家主流平台，安装量超5亿。</p>
                      </div>
                    </div>
                  </div>
                </li>
                <li>
                  <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="row family-box">
                      <div class="family-left  ">
                        <img src="./images/index/family-6.png" alt="">
                      </div>
                      <div class="family-right ">
                        <p>LayaOpen</p>
                        <p>Layabox开放平台，整合了Laya提供的各项运 营，管理服务的服务，提供给游戏提供商和互 联网渠道的统一开放平台。</p>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
              
            </div>
         </div>

         <!-- layabox-game -->
         <div class="game">
           <div class="container">
             <div class="row">
               <h3>采用Layabox引擎的精彩游戏</h3>
               <div class="game-box">
                 <div class="left imgWrap">
                   <img src="./images/index/gamele.png" alt="">
                 </div>
                 <div class="right">
                   <div class="row">      
                     <ul class="col-md-12 col-lg-12">

                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                         <div class="game-img imgWrap">
                           <img src="./images/index/game1.png" alt="">
                         </div>
                         <div class="artice">
                           猎刃2
                         </div>
                       </li>
                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                        <div class="game-img imgWrap">
                          <img src="./images/index/game2.png" alt="">
                        </div>
                        <div class="artice">
                          上吧主公
                        </div>
                       </li>
                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                        <div class="game-img">
                          <img src="./images/index/game3.png" alt="">
                        </div>
                        <div class="artice">
                          醉西游
                        </div>
                       </li>
                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                         <div class="game-img">
                           <img src="./images/index/game4.png" alt="">
                         </div>
                         <div class="artice">
                           魔卡幻想
                         </div>
                       </li>
                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                        <div class="game-img">
                          <img src="./images/index/game5.png" alt="">
                        </div>
                        <div class="artice">
                          超能战队
                        </div>
                       </li>
                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                        <div class="game-img">
                          <img src="./images/index/game6.png" alt="">
                        </div>
                        <div class="artice">
                          刀塔大菠萝
                        </div>
                       </li>
                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                        <div class="game-img">
                          <img src="./images/index/game7.png" alt="">
                        </div>
                        <div class="artice">
                          轰三国
                        </div>
                       </li>
                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                        <div class="game-img">
                          <img src="./images/index/game8.png" alt="">
                        </div>
                        <div class="artice">
                          迷你猎人
                        </div>
                       </li>
                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                        <div class="game-img">
                          <img src="./images/index/game9.png" alt="">
                        </div>
                        <div class="artice">
                          萌挂三国
                        </div>
                       </li>
                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                        <div class="game-img">
                          <img src="./images/index/game10.png" alt="">
                        </div>
                        <div class="artice">
                          夺塔三国
                        </div>
                       </li>
                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                        <div class="game-img">
                          <img src="./images/index/game11.png" alt="">
                        </div>
                        <div class="artice">
                          猎刃2
                        </div>
                       </li>
                       <li class="col-md-2 col-lg-2  col-sm-2 col-xs-2">
                        <div class="game-img">
                          <img src="./images/index/game12.png" alt="">
                        </div>
                        <div class="artice">
                          猎刃2
                        </div>
                       </li>
                     </ul>
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
         <!-- layabox partner -->
         <div class="partner">
           <div class="container">
             <div class="row">
               <h3>合作伙伴</h3>
               <div class="partner-box col-md-12 col-lg-12  col-sm-12 col-xs-12">
                <ul>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner1.png" alt="">
                  </li>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner2.png" alt="">
                  </li>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner3.png" alt="">
                  </li>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner4.png" alt="">
                  </li>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner5.png" alt="">
                  </li>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner6.png" alt="">
                  </li>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner7.png" alt="">
                  </li>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner8.png" alt="">
                  </li>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner9.png" alt="">
                  </li>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner10.png" alt="">
                  </li>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner11.png" alt="">
                  </li>
                    <li class="col-md-3 col-lg-2  col-sm-4 col-xs-4">
                    <img src="./images/index/partner12.png" alt="">
                  </li>
                </ul>
               </div>
             </div>

           </div>
         </div>
      </section>



      <footer>
        
          <div class="container ">
            <div class="row">
              <div class="foot-left  col-md-6 col-lg-6   ">
                <div class="top">
                  <div class="row">
                    <ul>
                      <li class="col-md-4 col-lg-4 col-sm-4 col-xs-4">
                        <div class="row">
                          公司简介
                        </div>
                                        
                      </li>
                      <li class="col-md-4 col-lg-4  col-sm-4 col-xs-4">
                        <div class="row">
                          联系方式
                        </div>                     
                      </li>
                      <li class="col-md-4 col-lg-4  col-sm-4 col-xs-4">
                          <div class="row">
                            人才招聘
                          </div>          
                      </li>
                    </ul>
                  </div>               
                </div>
                <div class="row">
                  <div class="bottom col-md-12 col-lg-12  ">
                    <div class="row">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</div>
                  </div>
                </div>
         

              
              </div>
              <div class="foot-right  col-md-6 col-lg-6  ">
                <div class="row">
                  <ul class="col-md-4 col-lg-4  col-sm-12 col-xs-12 col-md-push-8 col-sm-push-0 col-xs-push-0 col-lg-push-8">
                    <li class="col-md-4 col-lg-4  col-sm-4 col-xs-4">
                      <div class="row">
                        <i class="iconfont iconweibiaoti554">
                          <img src="./images/index/two.png" alt="">
                        </i>
                      </div>
                      
                    </li>
                    <li class="col-md-4 col-lg-4  col-sm-4 col-xs-4">
                      <div class="row">
                        <i class="iconfont iconweixin">
                          <img src="./images/index/two.png" alt="">
                        </i>
                      </div>
                      
                    </li>
                    <li class="col-md-4 col-lg-4  col-sm-4 col-xs-4">
                      <div class="row">
                        <i class="iconfont iconqq">
                          <img src="./images/index/two.png" alt="">
                        </i>
                      </div>
                    
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
      </footer>

      


      <!-- 脚本引入放置再body结束标签之上，避免阻塞渲染 -->
      <!-- 通过bootCDN提供的服务引入脚本，先引入jq库，再引入本地bootstrap.js -->
      <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
      <script src="./bootstrap-3.3.7-dist/js/bootstrap.js"></script> 
</body>
</html>